
.alert {
    border:none;
    .alert-heading {
    }
    p {
        margin-bottom: 0;
    }
    button.close {
        padding: .75rem;
        line-height: .75;
    }
    .alert-heading {
        margin-left: .4rem;
        & + p {
            margin-left: .4rem;
        }
    }
}
@each $key, $value in $alert-colors {
    .alert-#{$key} {
        background-color: map-get($value, 'background-color');
        color: map-get($value, 'text-color');
        
        a {
            color: #fff;
            font-weight: bold;
        }
    }
}
@each $key, $value in $theme-colors-light {
    .alert-light-#{$key} {
        background-color: $value;
    }
}